/**
 * Created by 张未然 on 2016/10/17.
 */
html,
body {
  height: 100%;
  overflow: hidden;
  font-family: Microsoft YaHei, SimHei, Verdana, Arial, Helvetica, sans-serif, SimSun;
  position: relative;
  padding: 0;
  margin: 0;
}
.zDialog {
  height: 100%;
  width: 100%;
  background: #fff;
}
.zDialog .dialog-masker {
  height: 100%;
  width: 100%;
  background: #7A7A7A;
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
  opacity: 0.7;
  animation: fade-in;
  /*动画名称*/
  animation-duration: 0.4s;
  /*动画持续时间*/
  -webkit-animation: fade-in 0.4s;
  /*针对webkit内核*/
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  /*初始状态 透明度为0*/
  40% {
    opacity: 0;
  }
  /*过渡状态 透明度为0*/
  100% {
    opacity: 0.7;
  }
  /*结束状态 透明度为1*/
}
@-webkit-keyframes fade-in {
  /*针对webkit内核*/
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 0.7;
  }
}
.zDialog .dialog-panel {
  z-index: 51;
  opacity: 1;
  background: #fff;
  border: 5px solid #cdcdcd;
  border-radius: 5px;
  min-height: 300px;
  min-width: 500px;
  width: 500px;
  max-width: 800px;
  _width: 500px;
  margin: auto auto;
  padding: 0;
  margin: 0;
}
.zDialog .dialog-panel .dialog-form {
  height: 100%;
  width: 100%;
  position: relative;
  border: 1px solid #a0a0a0;
}
.zDialog .dialog-panel .dialog-form .form-title {
  background: #e8e8e8;
  font-size: 14px;
  height: 30px;
  position: absolute;
  width: 100%;
  top: 0px;
  border-bottom: 1px solid #a0a0a0;
}
.zDialog .dialog-panel .dialog-form .form-title span {
  display: block;
  margin: 5px;
}
.zDialog .dialog-panel .dialog-form .form-content {
  overflow: hidden;
  padding: 40px 10px;
}
.zDialog .dialog-panel .dialog-form .form-content .form-row {
  float: left;
  width: 100%;
  font-size: 14px;
  padding: 5px;
}
.zDialog .dialog-panel .dialog-form .form-content .form-row .form-label {
  display: block;
  width: 20%;
  float: left;
  text-align: right;
  padding: 5px 15px;
}
.zDialog .dialog-panel .dialog-form .form-content .form-row .form-control {
  display: block;
  width: 50%;
  float: left;
  text-align: left;
  padding: 5px;
  border: 1px solid #a0a0a0;
  border-radius: 3px;
}
.zDialog .dialog-panel .dialog-form .form-content .form-row .radio-group,
.zDialog .dialog-panel .dialog-form .form-content .form-row .checkbox-group {
  width: 60%;
  float: left;
  padding-top: 5px;
}
.zDialog .dialog-panel .dialog-form .form-content .form-fix {
  clear: both;
}
.zDialog .dialog-panel .dialog-form .form-bottom {
  background: #e8e8e8;
  font-size: 14px;
  text-align: right;
  position: absolute;
  width: 100%;
  bottom: 0px;
  border-top: 1px solid #a0a0a0;
  height: 30px;
}
.zDialog .dialog-panel .dialog-form .form-bottom .form-btn {
  margin: 5px 10px 5px 10px;
}
.zDialog .dialog-panel .dialog-cancel {
  position: absolute;
  top: -10px;
  right: -10px;
  background: url("../images/x.png");
  width: 20px;
  height: 20px;
}
